<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<script  src="${pageContext.request.contextPath}/js/employee.js"></script>
<script type="text/javascript">
$(function(){

});
</script>
	<div class="easyui-tabs" style="width:auto;height:auto">
		<div title="所有员工" style="padding:10px">
			 <table id="employeeTT" class="easyui-datagrid" style="width:auto;height:600px"
							url="${pageContext.request.contextPath}/employee/viewlistJson.html"
							singleSelect="true"
							pagination="true"
							pagePosition="both"
							fitColumns="true"
							toolbar="#toolbaremployee">
					    <thead>
						    <tr>
						    <th data-options="field:'e_sn',width:100">员工编号</th>
						    <th data-options="field:'e_name',width:100">员工姓名</th>
						    <th data-options="field:'e_status',width:100">状态</th>
						   	<th data-options="field:'e_phone',width:100">电话</th>
						   	<th data-options="field:'createTime',width:100">新建时间</th>
						    </tr>
					    </thead>
				</table>
				<div id="toolbaremployee">
					<a href="javascript:void(0)" id="newEmployees" class="easyui-linkbutton" iconCls="icon-add" plain="true" >新建员工</a>
					<a href="javascript:void(0)" id="freezeEmploye" class="easyui-linkbutton" iconCls="icon-lock" plain="true" >冻结员工</a>
					<a href="javascript:void(0)" id="activateEmploye" class="easyui-linkbutton" iconCls="icon-unlock" plain="true" >激活员工</a>
					<a href="javascript:void(0)" id="viewPhotoEmploye" class="easyui-linkbutton" iconCls="icon-photo" plain="true" >员工照片</a>
					<div style="padding-left:10px;">	
						 <span>工号</span>  
			   			 <input id="e_sn" style="line-height:26px;border:1px solid #ccc"> 
			   			  <span>姓名</span>  
			   			 <input id="e_name" style="line-height:26px;border:1px solid #ccc">  
			    		 <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" id="searchEmployee" >Search</a>  
					</div>					
				</div>
			</div>
		</div>
	 <div id="dlgemployee" class="easyui-dialog" style="width:400px;height:300px;padding:10px 20px"
		closed="true" buttons="#dlg-buttonse">
		 <div class="ftitle">员工基本信息</div>
		<form id="fmemployee" method="post" novalidate enctype="multipart/form-data" action="employee/addEmployees.html">
			<div class="fitem">
				<label>工号:</label>
				<input name="e_sn" class="easyui-validatebox"  data-options="required:true,validType:'length[10,10]'">
			</div>
			<div class="fitem">
				<label>姓名:</label>
				<input name="e_name" class="easyui-validatebox" data-options="required:true,validType:'length[3,5]'">
			</div>
			<div class="fitem">
				<label>员工级别:</label>
				<input name="e_name" class="easyui-validatebox" data-options="required:true,validType:'length[3,5]'">
			</div>
			<div class="fitem">
				<label>员工电话:</label>
				<input name="e_phone" class="easyui-validatebox" data-options="required:true,validType:'length[8,11]'">
			</div>
			<div class="fitem">
				<label>员工照片:</label>
				<input type="file" name="file" id="file" value=""/>
			</div>						
		</form>
	</div>	
	 <div id="dlg-buttonse">
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" id="saveEmployee">保存</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlgemployee').dialog('close')">取消</a>
	</div>		

 <div id="dlgphoto" class="easyui-dialog" title="员工图片" style="width:185px;height:200px;padding:10px" closed="true" modal="true">
	<img id="photo" height="150px" width="150px" title="暂时无图片"/>
 </div>
